<!--
  ~ This program is part of the OpenLMIS logistics management information system platform software.
  ~ Copyright © 2013 VillageReach
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~  
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org. 
  -->

<div class="navigation toggleFullScreen" ng-controller="NavigationController" ui-nav>
  <ul class="clearfix pull-left" style="display:none">
    <li><a href="/public/pages/offline.html" openlmis-message="link.home"></a></li>

    <li>
      <a href="javascript: void(0)" id="distributions-menu" openlmis-message="link.distributions"></a>

      <div class="submenu">
        <ul>
          <li>
            <a id="manage-distribution" href="/public/pages/logistics/distribution/offline.html#/list"
               openlmis-message="link.manage"></a>
          </li>
          <li class="beak"></li>
        </ul>
      </div>
    </li>
  </ul>
  <ul id="goOnlineNavigation" class="clearfix pull-right">
    <li ng-class="{'is-nav-link-selected' : showNetworkError === true}">
      <a href="javascript: void(0)" ng-click="goOnline()">
        <span openlmis-message="link.go.online"></span>
      </a>

      <div ng-show="showNetworkError" class="warning-popup clearfix" id="networkWarningPopup">
          <a href="javascript: void(0)" class="link-minimize pull-right" ng-click="showNetworkError = false">
            <i class="icon-remove"></i>
          </a>
        <div>
          <i class="icon-exclamation-sign"></i>
          <span openlmis-message="msg.unable.connect.server"></span>
        </div>
      </div>
    </li>
  </ul>
</div>
